Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su un elemento <DIV> questo viene selezionato assegnando al suo bordo (proprietà di stile border) il valore “4px dotted yellow”. Per deselezionare l’elemento occorre clickare un elemento <TEXTAREA> il cui valore attuale rappresenta il colore dello sfondo del’elemento <DIV> selezionato (proprietà di stile backgroundColor). In tal caso si scrive il colore del testo (proprietà di stile color) dell’elemento come valore della <TEXTAREA>, si scambiano il colore di sfondo e del testo dell’elemento <DIV> e lo si deseleziona ripristinando lo stile del bordo al valore precedente (deve essere memorizzato). Quando un elemento <DIV> è stato selezionato ogni evento di click che non rispetta le condizioni precedenti viene ignorato.

Click DIVs!

DIV 11

DIV 12

DIV 13

DIV 21

DIV 22

DIV 23

Textarea to click